*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.bang{
    text-align: center;
    display: inline-block;
    line-height: 60px;
    padding-left: 40px;
    padding-right: 40px;
    border: 1px solid gray;
    height: 60px;
    margin-left: 10px;
}
.bang:hover{
    border: 0px;
}

.wrap{
    width: 430px;
    font-size: 17px;
    line-height: 35px;
    color: gray;
    text-align: center;
}
.line{
    margin-top: -25px;
    padding-left: 15px;   
}
ul li{
    list-style: none;
}
li .left{
    width: 20px;
    height: 100%;
    float: left;
    padding-left: 10px;
    padding-top: 25px;
    font-size: 20px;
    padding-right: 20px;
}
li .pic{
    width: 200px;
    display: none;
    padding: 10px;
    float: left;
    height: 100%;
    padding-top: 40px;
}

mark{
    display: none;
}

li:hover text{
    display: contents;
}
li:hover .pic{
    display: block;
}
li:hover mark{
    display: contents;
}
span{
    display: inline-block;
    float: left;
    text-align: left;
}
p{
    overflow: hidden;/*超出部分隐藏*/
    text-overflow:ellipsis;/* 超出部分显示省略号 */
    white-space: nowrap;/*规定段落中的文本不进行换行 */
    width: 250px;/*需要配合宽度来使用*/
}
/* p2{
    display: -webkit-box;
　　-webkit-box-orient: vertical;
　　-webkit-line-clamp: 3;
　　overflow: hidden;
　　width: 250px;
} */
.a2:hover+ul{
    display: none;
}
.a2:hover+a1{
    border: 1px;
}
